:root {
	--thume: #0076fe
}
.ico {width: 18px;height: 18px;}
.bg-gray {background-color: #eee;}

.clearfix:after {content: '';display: block;height: 0;clear: both;visibility: hidden;}
.nobr {word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;}
.nobr-2 { overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.nobr-3 { overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.scroll {overflow: auto;-webkit-overflow-scrolling: touch;}
.scroll ::-webkit-scrollbar-button {display: none;}
.scroll ::-webkit-scrollbar-track {display: none;}
.scroll::-webkit-scrollbar {width: 5px;height: 5px;background: transparent;}
.scroll::-webkit-scrollbar-track {border-radius: 3px;}
.scroll::-webkit-scrollbar-thumb {height: 0;border-radius: 3px;background-color: #999;}
/* 外边距单边样式 */
.mtb0 { margin-top: 0 !important;margin-bottom: 0 !important; }.mlr0 { margin-left: 0 !important;margin-right: 0 !important; }
.mt20 { margin-top: 2rem; }.ml20 { margin-left: 2rem; }.mr20 { margin-right: 2rem; }.mb20 { margin-bottom: 2rem; }.mt15 { margin-top: 1.5rem; }.ml15 { margin-left: 1.5rem; }.mr15 { margin-right: 1.5rem; }.mb15 { margin-bottom: 1.5rem; }
.mt10 { margin-top: 1rem; }.ml10 { margin-left: 1rem; }.mr10 { margin-right: 1rem; }.mb10 { margin-bottom: 1rem; }.mt5 { margin-top: 0.5rem; }.ml5 { margin-left: 0.5rem; }.mr5 { margin-right: 0.5rem; }.mb5 { margin-bottom: 0.5rem; }
/* 内边距单边样式 */
.ptb0 { padding-top: 0 !important;padding-bottom: 0 !important; }.plr0 { padding-left: 0 !important;padding-right: 0 !important; }.pa0 {padding: 0 !important;}
.pl0 {padding-left: 0 !important;}.pr0 {padding-right: 0 !important;}.pt0 {padding-top: 0 !important;}.pb0 {padding-bottom: 0 !important;}
.pt20 { padding-top: 2rem; }.pl20 { padding-left: 2rem; }.pr20 { padding-right: 2rem; }.pb20 { padding-bottom: 2rem !important; }.pt15 { padding-top: 1.5rem; }.pl15 { padding-left: 1.5rem; }.pr15 { padding-right: 1.5rem; }.pb15 { padding-bottom: 1.5rem; }
.pt10 { padding-top: 1rem; }.pl10 { padding-left: 1rem; }.pr10 { padding-right: 1rem; }.pb10 { padding-bottom: 1rem; }.pt5 { padding-top: 0.5rem; }.pl5 { padding-left: 0.5rem; }.pr5 { padding-right: 0.5rem; }.pb5 { padding-bottom: 0.5rem; }
/* 字体大小样式 */
.fz12 { font-size: 1.2rem; }.fz14 { font-size: 1.4rem; }.fz16 { font-size: 1.6rem; }.fz18 { font-size: 1.8rem; }.fz20 { font-size: 2rem; }.fz22 { font-size: 2.2rem; }
.fz24 { font-size: 2.4rem; }.fz26 { font-size: 2.6rem; }.fz28 { font-size: 2.8rem; }.fz30 { font-size: 3rem; }.fz32 { font-size: 3.2rem; }.fz36 { font-size: 3.6rem; }
/* 颜色统一样式 */
.gray { color: gray !important; }.theme_color { color: #3DD17B !important; }.red { color: #EB4949 !important; }.orange { color: #FFAA00 !important; }.col_ccc { color: #ccc; }
/* 基础统一样式 */
.fl { float: left; }.fr { float: right; }
.border-none{border: none !important;}
.flex{display: flex;}
.flex-cc{display: flex;align-items: center;justify-content: center}

input::-webkit-input-placeholder {color: #ccc !important;}
input:-moz-placeholder {color: #ccc !important;}
input::-moz-placeholder {color: #ccc !important;}
input:-ms-input-placeholder {color: #ccc !important;}
.uni-input-placeholder {color: #ccc;}

button:after {content: none;}
button.primary {background-color: #4EB0FF;border-color: #4EB0FF;color: #fff;}
button.applyBtn {background-color: #04be02;border-color: #04be02;color: #fff;}
button.authBtn {background-color: #ff5555;border-color: #ff5555;color: #fff;}
button.upgradeBtn {background-color: transparent;color: #f90;}
button.upgradeBtn:after {border-color: #f90;}
button.primary.plain {background-color: transparent;border-color: #4EB0FF;color: #4EB0FF;}
button.primary.close {background-color: #F2F2F2;border-color: #F2F2F2;color: #999;}
button.primary.gray {background-color: #999;border-color: #999;color: #fff !important;}
button.primary.mini {margin: 0;}
button.primary.disabled {background-color: #F2F2F2;border-color: #F2F2F2;color: #999;}
button.small {font-size:30rpx;height: 56rpx;line-height: 56rpx;}
.uni-input {height: 100rpx;background-color: #fff;border-color: transparent;font-size: 28rpx;}

.header {height: 80rpx;display: flex;padding-left: 30rpx;background-color: var(--thume);align-items: center;width: 100%;position: fixed;left: 0;top: 0;z-index: 9999999;}
.header .back {width: 42rpx;height: 42rpx;margin-right: 30rpx;}
.header .name {font-size: 28rpx;color: #fff;}

.btns-fixed {padding: 20rpx 30rpx;position: fixed;left: 0;right: 0;bottom: 0;}
.btn {width: 100%;background-color: var(--thume);height: 72rpx;line-height: 72rpx;text-align: center;color: #fff;font-size: 30rpx;}

.empty {padding-top: 8vh;}
.empty image {width: 40vw !important;height: calc(40vw*256/314) !important;display: block;margin: 0 auto;}
.empty .text {text-align: center;color: #ccc;margin-top: 30rpx;}
.baseline {font-size: 24rpx;color: #999;text-align: center;padding: 30rpx 0;}

.htmlDom {line-height: 1.8;}
.htmlDom p {margin: 0;}

uni-swiper {height: 60vw;}
uni-switch .uni-switch-input,uni-switch .uni-switch-input:after, uni-switch .uni-switch-input:before {height: 26px;}
uni-switch .uni-switch-input:after {height: 24px;}
uni-page-body {height: 100%;}

.formItem {display: flex;align-items: center;justify-content: space-between;border-bottom: 2rpx solid #eee;}
.formItem .lab {width: 200rpx;padding-right: 20rpx;flex-shrink: 0;}
.formItem .lab text {font-weight: bolder;color: red;margin-right: 6rpx;}
.formItem .uni-input {width: calc(100% - 220rpx);text-align: right;}
.formItem .textarea {width: calc(100% - 220rpx);font-size: 28rpx;padding: 20rpx 0;height: 160rpx;}
.formItem .avatar {width: 120rpx;height: 120rpx;border-radius: 50%;padding: 20rpx 0;}
.formItem .avatar .img {width: 100%;height: 100%;border-radius: 50%;}
.formItem .photo {width: calc((100vw - 300rpx)/3);height: calc((100vw - 300rpx)/3);border-radius: 10rpx;padding: 20rpx 0;}
.formItem .photo .img {width: 100%;height: 100%;border-radius: 10rpx;}
.formItem .picture {width: 160rpx;height: 160rpx;padding: 20rpx 0;border-radius: 6rpx;}
.formItem .picture .img {width: 100%;height: 100%;}
.formItem .banners {padding: 20rpx 0;display: flex;align-items: center;justify-content: flex-start;}
.formItem .banners .img {width: calc((100vw - 300rpx)/3);height: calc((100vw - 300rpx)/3);border-radius: 6rpx;
	max-width: 160rpx;max-height: 160rpx;}
.formItem .banners .img .ima {width: 100%;height: 100%;border-radius: 6rpx;}
.formItem .banners .img+.img {margin-left: 10rpx;}

.divider {margin: 30rpx 0;position: relative;height: 2rpx;background-color: #eee;}
.divider text {width: 160rpx;position: absolute;left: calc(50% - 80rpx);top:-20rpx;background-color: #fff;color: #999;text-align: center;}

.detailsHtml img {max-width: 100% !important;}
